@charset "utf-8";
/* CSS Document */
/* Innova.vn */
/* Viettel */
*
{
  margin: 0;
  padding: 0;
}
body
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	}
/***all***/
.umarket{
    padding-right: 12px;
    font-size: 12px;
    font-style: italic;
}
.d_all
{
	width:1020px;
	margin:0px auto;
	}

a:hover
{
	color:#d78531;
	}
a img 
{
	border: none; 
	}
.clear
{
	clear:both;
	}
.pa20
{
	padding: 0;   
	}
#slideshow{
    height: 270px;
    width: 720px;
}
.pa201{
    padding: 0;
    height: 270px;
}
.pa10
{
	padding:10px;
	}
.pt10
{
	padding-top:10px;
	}
.pr10
{
	padding-right:10px
	}
.pb10
{
	padding-bottom:10px;
	}
.pl10
{
	padding-left:10px;
	}
.pt20
{
	padding-top:20px;
	}
.pt40
{
	padding-top:40px;
	}
.pt30
{
	padding-top:30px;
	}
.pr20
{
	padding-right:20px
	}
.pb20
{
	padding-bottom:20px;
	}
.pl20
{
	padding-left:20px;
	}
.d_space2
{
	width:165px;
	height:10px;
	float:left;
	}
.d_space_height_40
{
	height:40px;
	width:1020px;
	}
.d_space_height_10
{
	height:10px;
	width:1020px;
	}
/******Head*******/
.d_head
{
	height:39px;
	background:url(../images/head_bg.png) repeat-x;
	}
.d_head_content
{
	width:1020px;
	margin:0px auto;
	text-align:right;
	}
.d_logo
{
	height:91px;
	float:left;
	width:124px;
	}
.d_menu1
{
	height:91px;
	float:left;
	width:896px;
	background:url(../images/menu1_bg.png) right no-repeat;
	}
.d_menu1_contents
{
	float:left;	
	}
.d_menu1_contents ul
{
	list-style-type:none;
	}
.d_menu1_contents li
{
	float:left;
	text-transform:uppercase;
	line-height:88px;
	font-weight:bold;
	font-size:11px;
	padding:0px 16px 0px 16px;
	}
.d_menu1_contents li a
{
	color:#02a8a4;
	text-decoration:none;
	}
.d_menu1_contents li a:hover
{
	color:#d78531;
	}
.actived
{
	color:#d78531;
	}
.d_sha1
{
	height:15px;
	width:1020px;
	background:url(../images/sha1.png) no-repeat;
	}

/*********Slider*******/
.d_slider
{
	width:950px;
	height:430px;
	position:relative;
	}
.d_sha2
{
	position:absolute;
	width:1020px;
	height:10px;
	top:420px;
	background:url(../images/sha2_top.png) no-repeat;
	z-index:1000;
	}
.d_search
{
	width:296px;
	height:41px;
	position:absolute;
	top:10px;
	left:700px;
	}
#search-box
{
	background:url(../images/searchbox.png) transparent no-repeat;
	width:255px;
	color: #484848;
	height: 41px;
	margin: 0 !important;
	line-height:40px;
	border:none;
	padding-left:10px;
	font-style:italic;
	outline:none;
	}
#search-submit
{
    cursor: default;
	outline: medium none !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	}
	
/*********Contents on slider************/
.slider_content
{
	position:absolute;
	top:60px;
	left:720px;
	width:280px;
	}

/*******Top Products*********/
.d_topProduct
{
	width:1020px;
	height:100px;
	}
.d_topProduct ul
{
	list-style-type:none;
	}
.d_topProduct li
{
	float:left;
	height:100px;
	width:100px;
	padding:0px 20px 0px 20px;
	}
.d_topProduct li img
{
	width:100px;
	height:100px;
	}
/********Contents************/
.d_contents_wrap
{
	width:1020px;
	background:url(../images/content_bg.png) top center no-repeat;
	}
	
.d_contents_wrap_2
{
	width:1020px;
	}
/******Box tin 1*******/
.d_box1
{
	width:320px;
	float:left;
	}
.d_box1 a
{
	color:#029f9a;
	}
.d_box1_top
{
	width:320px;
	height:45px;
	background:url(../images/boxtin_top.png) no-repeat;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	}
.d_box1_mid
{
	width:320px;
	background-image:url(../images/boxtin_mid.png);
	background-repeat: repeat-y;
	}
.d_box1_bot
{
	width:320px;
	height:19px;
	background:url(../images/boxtin_bot.png) no-repeat;
	}
.d_space
{
	width:30px;
	height:10px;
	float:left;
	}
.d_001
{
	height:95px;
	}
.d_001_pic
{
	width:135px;
	float:left;
	}
.d_001_pic img
{
	width:125px;
	height:95px;
	}
.d_001_text
{
	float:left;
	width:140px;
	}
.d_001_tit
{
	color:#029f9a;
	font-weight:bold;
	width:100%;
	}
.d_001_tit a
{
	text-decoration:none;
	}
.d_001_short
{
	text-align:justify;
	width:100%;
	}
.d_002 
{
	}
.d_002 ul
{
	list-style-image:url(../images/dot_xanh.png);
	padding-left:15px;
	}
/*******Menu2*****************/
.d_menu2
{
	text-align:center;
	text-transform:uppercase;
	margin:0px auto;
	width:640px;
	}
.d_menu2 ul
{
	list-style:none;
	}
.d_menu2 ul li
{
	float:left;
	padding:20px 10px 20px 10px;
	}
.d_menu2 a
{
	color:#5d5d5d;
	text-decoration:none;
	}

/************Footer****************/
.d_footer
{
	height:102px;
	background:url(../images/footer_bg.png) repeat-x;
	color:#fff;
	}
.d_footer a
{
	color:#fff;
	}
.d_footer_contents
{
	width:1020px;
	height:102px;
	margin:0px auto;
	}
.d_footer_left
{
	width:380px;
	height:102px;
	float:left;
	}
.d_footer_right
{
	width:640px;
	height:102px;
	float:left;
	text-align:right;
	}
/*******************************Product Details*******************************/
.dd_top
{
	height:320px;
	color:#5d5d5d;
	position:relative;
	}
.dd_top a
{
	color:#5d5d5d;
	text-decoration:none;
	}
.dd_top_1
{
	width:1020px;
	height:10px;
	background:url(../images/dd_top_1.png) no-repeat;
	}
.dd_top_2
{
	width:1020px;
	background:url(../images/dd_top_2.png) repeat-y;
	height:300px;
	}
.dd_top_3
{
	width:1020px;
	height:10px;
	background:url(../images/dd_top_3.png) no-repeat;
	}
.dd_top_left
{
	width:744px;
	float:left;
	}
.dd_top_right
{
	width:276px;
	float:left;
	}
/***Navigator***/
.dd_nav
{
	width:744px;
	}
.dd_nav_1
{
	width:400px;
	float:left;
	text-align:left;
	}
.dd_nav_2
{
	width:344px;
	float:left;
	text-align:right;
	}
/*****Content dd ******/
.dd_con_tit
{
	font-size:18px;
	font-weight:bold;
	color:#00918d;
	}
.dd_con_tit_left
{
	width:345px;
	float:left;
	}
.dd_con_tit_right
{
	width:399px;
	float:left;
	}
.dd_ctl_pic
{
	
	}
.dd_ctl_more_view
{
	}
.dd_ctr_detail
{
	}
.dd_ctr_sharelink
{
	text-align:right;
	position:absolute;
	top:280px;
	left:576px;
	}
/****Tinbotro*****/
.dd_top_tbt
{
	padding: 40px 20px 0px 20px;
	}
.d_search_2
{
	width:241px;
	height:41px;
	position:absolute;
	top:5px;
	left:755px;
	}
#search-box_2
{
	background:url(../images/searchbox_2.png) transparent no-repeat;
	width:220px;
	color: #484848;
	height: 41px;
	margin: 0 !important;
	line-height:40px;
	border:none;
	padding-left:10px;
	outline:none;
	}
#search-submit_2
{
	outline: medium none !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	}
.dd_top_tbt_tit
{
	font-size:14px;
	font-weight:bold;
	color:#00918d;
	}
.dd_top_tbt_content
{
	
	}

/************Chi Tiết Sản Phẩm*****************/
.dd_ctsp
{
	width:739px;
	float:left;
	background:transparent;
	}
.dd_ctsp_top
{
	background:url(../images/ctsp_top.png) no-repeat;
	width:739px;
	height:22px;
	}
.dd_ctsp_mid
{
	background:url(../images/ctsp_mid.png) repeat-y;
	width:739px;
    float: left;
	}
.dd_ctsp_bot
{
	background:url(../images/ctsp_bot.png) no-repeat;
	width:739px;
	height:14px;
    float: left;
	}


.dd_ctsp_r
{
	float:left;
	width:281px;
	}
.dd_ctsp_r1_top
{
	background:url(../images/ctsp_r1_top.png) no-repeat;
	width:281px;
	height:36px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	}
.dd_ctsp_r1_top_2
{
	background:url(../images/ctsp_r1_top2.png) repeat-y;
	width:281px;
	height:36px;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	}
.dd_ctsp_r_mid
{
	background:url(../images/ctsp_r_mid.png) repeat-y;
	width:281px;
	color:#5d5d5d;
	text-transform:uppercase;
	}
.dd_ctsp_r_mid a
{
	color:#5d5d5d;
	text-decoration:none;
	}
.dd_ctsp_r_mid a:hover
{
	color:#d78531;
	}
.dd_ctsp_r_mid ul
{
	list-style-image:url(../images/dot_xanh.png);
	padding-left:20px;
	}
.dd_ctsp_r_mid ul li
{
	list-style-image:url(../images/dot_xanh.png);
	padding:0px 0px 10px 0px;
	}
.dd_ctsp_r2_top
{
	background:url(../images/ctsp_r2_top.png);
	height:19px;
	}
.dd_ctsp_r_bot
{
	background:url(../images/ctsp_r_bot.png) no-repeat;
	height:19px;
	}

/********************Tin tức **********************************/
.tt_top
{
	height:280px;
	position:relative;
	}
.tt_top_2
{
	background: url("../images/dd_top_2.png") repeat-y scroll 0 0 transparent;
	height: 270px;
	width: 1060px;
	}
.tt_menu
{
	height:39px;
	background:url(../images/tt_menu_bg.png) repeat-x;
	width:744px;
	}
.tt_menu ul
{
	list-style-type:none;
	}
.tt_menu li
{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:0px 16px 0px 16px;
	}
.tt_menu li a
{
	color:#02a8a4;
	text-decoration:none;
	}
.tt_menu li a:hover
{
	color:#d78531;
	}
	
.tt_menu_2
{
	height:39px;
	background:url(../images/tt_menu_bg_2.png) repeat-x;
	width:1020px;
	position:relative;
	}
.tt_menu_2 ul
{
	list-style-type:none;
	}
.tt_menu_2 li
{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	padding:0px 16px 0px 16px;
	}
.tt_menu_2 li a
{
	color:#02a8a4;
	text-decoration:none;
	}
.tt_menu_2 li a:hover
{
	color:#d78531;
	}

.ttct_top
{
	height:44px;
	color:#fff;
	background:url(../images/ttct_top.png) no-repeat;
	width:739px;
	text-transform:uppercase;
	line-height:45px;
    float: left;
	}
.ttct_top_2
{
	height:37px;
	color:#fff;
	background:url(../images/ttct_top_2.png) no-repeat;
	width:739px;
	text-transform:uppercase;
	line-height:38px;
	}
.ttct_tincon
{
    margin-bottom: 10px;
	width:739px;
	}
.ttct_tincon_p
{
	width:279px;
	float:left;
	padding-top:15px;
    padding-bottom: 10px;
	}
.ttct_tincon_p img
{
	width:229px;
	border: 5px solid #f5f5f5;
	box-shadow: 2px 2px 3px #A5A5A5;
	}
.ttct_txt
{
    padding-top: 5px;
	width:460px;
	float:left;
	}
.txt_title{
    margin-top: 10px;
	font-size:16px;
	font-weight:bold;
	color:#00918d;
}
.txt_title a{
    text-decoration: none;
}
.txt_date
{
	font-style:italic;
	}
.txt_normal{
    margin-top: 10px;
}
.txt_other
{
	color:#5d5d5d;
    margin-top: 10px;
    margin-left: 20px;
	}
.txt_other ul{
    list-style: none;   
}
.txt_other ul li a{
    text-decoration: none;
}
.txt_bold
{
	font-weight:bold;	
}
.txt_titud
{
	font-weight:bold;
	color:#029f9a;
	}
.txt_titud a
{
	text-decoration:none;
	color:#029f9a;
	}
/*********************************Trang Kho Ứng dụng************************/
.ud_box
{
	width:233px;
	float:left;
	}
.ud_box_ct
{
	width:233px;
	}
.ud_box_left
{
	float:left;
	width:133px;
	}
.ud_box_right
{
	float:left;
	width:100px;
	}
.ud_box_right img
{
	width:100px;
	}
.ud_line
{
	background:url(../images/line.png) no-repeat;
	height:1px;
	width:1020px;
	}

/*********************************Trang Tin Chi Tiết************************/
.d_search_3
{
	width:241px;
	height:41px;
	position:absolute;
	top:-2px;
	left:755px;
	}
.ctt_old
{
	}
.ctt_old ul
{
	list-style-image:url(../images/dot_xanh.png);
	padding-left:20px;
	}
.ctt_old ul li
{
	list-style-image:url(../images/dot_xanh.png);
	padding:0px 0px 10px 0px;
	}
.ctt_old a
{
	color:#5d5d5d;
	text-decoration:none;
	}
.ctt_old a:hover
{
	color:#d78531;
	}
    
/***********************************Product*********************************/
.product{
    background-color: #F5F5F5;
    width: 200px;
    height: 240px;
    border: #999999 1px solid;
    float: left;
    position: relative;
    margin: 15px 0 5px 25px;
    padding: 5px;
}
.product_title{
    text-decoration: none;
    font-size: 16px;
    height: 35px;
    display: block;
}
.product_title:hover{
    text-decoration: underline;
}
.product_image{
    margin-top: 5px;
}
.product_image img{
    width: 198px;
    height: 120px;
}
.percent{
    background: url("../images/discount.png") no-repeat scroll 0 0 transparent;
    height: 55px;
    left: 147px;
    position: absolute;
    top: 192px;
    width: 59px;
    z-index: 9;
}
.percent p{
    color: #FFFFFF;
    float: left;
    font-size: 12pt;
    font-weight: bold;
    margin-left: 15px;
    padding-right: 0;
    padding-top: 19px;
}
.mini_percent{
    color: #FFFFFF;
    float: left;
    font-size: 7pt;
    font-weight: bold;
    padding-top: 20px;
    position: relative;
}
.original_price{
    clear: both;
    float: left;
    margin-top: 10px;
    font-size:  12pt;
    font-weight: bold;
    color: #BDBDBD;
}
.sales_price{
    float: right;
    margin-top: 10px;
    margin-left: 20px;
    font-size:  12pt;
    font-weight: bold;
}
.area_name{
    clear: both;
    float: left;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}
.time{
    margin-top: 5px;
    margin-left: 15px;
    float: right;
    color: red;
    font-size: 14px;
}
.provider_icon{
    clear: both;
    margin-top: 5px;
    float: left;
    width: 15px;
    height: 16px;
}
.provider_name{
    margin-top: 5px;
    margin-left: 10px;
    float: left;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
}
.user_form{
    padding: 5px 0 5px 10px;
    width: 450px;
    text-transform: none;
}
.register_table{
    margin: 0;
    padding: 0;
}
.register_table td{
    text-align: left;
}
.label{
    color: #000000;
}
.input{
    width: 125px;
    background: url('../images/input_bg.jpg') repeat-x;
    border: 1px solid #96A6C5;
    margin: 0 2px;
    padding: 5px 3px;
}
.msg_regíter{
    text-transform: lowercase;
}


.new_product{
    padding: 10px;
}
.image_new_product{
    float: left;
}
.image_new_product img{
    width: 300px;
    height: 250px;
}
.content_new_product{
    width: 400px;
    float: left;
    position: relative;
    margin-left: 10px;
}
.title_new_product{
    font-size: 16px;
    font-weight: bold;
}
.title_new_product{
    text-decoration: none;
}
.new_price{
    width: 400px;
    margin-top: 10px;
    height: 25px;
}
.new_original, .new_sales{
    font-size: 18px;
    font-weight: bold;
    float: left;
}
.new_original{
    position: relative;
    margin-left: 15px;
    color: #BDBDBD;
}
.new_content{
    clear: both;
    margin-top: 10px;
    height: 150px;
}
.continue{
    height: 30px;
    left: 265px;
    position: absolute;
    top: 223px;
}
.continue img{
    width: 130px;
    height: 30px;
}
.product_details{
    margin: 10px;
    float: left;
}
.title_details{
    color: #0000FF;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
}
.title_details:hover{
    color: #0000FF;
}
.left_details{
    margin-top: 10px;
    width: 360px;
    float: left;
}
.right_details{
    margin-top: 10px;
    margin-left: 15px;
    width: 330px;
    float: left;
    position: relative;
}
.image_details{
    width: 350px;
    height: 250px;
	border: 5px solid #f5f5f5;
	box-shadow: 2px 2px 3px #A5A5A5;
}
.price_details{
    width: 330px;
    background-color: #E4F1FA;
    border: 1px #339A99 solid;
}
.sales_details{
    border-right: 1px solid #339A99;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 19px;
    padding: 19px 18px 18px 18px;
    width: 145px;
    color: #0000FF;
}
.buy_btn{
    background: url("../images/buy_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 37px;
    margin-left: 14px;
    margin-top: 8px;
    position: relative;
    width: 118px;
}
.original_details{
    border-top: 1px solid #339A99;
    border-bottom: 1px solid #339A99;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    padding: 18px 20px 18px 18px;
}
.bot{
    overflow: hidden;
}
.percent_details, .save_details{
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    float: left;
}
.percent_details{
    clear: both;
    width: 100px;
    border-right: 1px solid #339A99;
}
.save_details{
    position: relative;
    width: 228px;
}
.time_details{
    text-align: center;
    margin-top: -1px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 330px;
    background-color: #E4F1FA;
    border: 1px #339A99 solid;
    font-weight: bold;
    color: red;
}
.bottom_details{
    background-color: #E4F1FA;
    width: 330px;
    height: 48px;
    border: 1px #339A99 solid;
    margin-top: -1px;
}
.area_details{
    border-right: 1px solid #339A99;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 161px;
}
.cont_details{
    float: left;
    margin-left: 25px;
    margin-top: 5px;
    position: relative;
}
.cont_btn{
    background: url('../images/cont_details.png') no-repeat scroll 0 0 transparent;
    width: 119px;
    height: 38px;
    cursor: pointer;
    display: block;
}
.content_details{
    display: none;
    width: 720px;
}
.table_details{
    padding-top: 20px;
    width: 720px;
}
.table_details tr{
    vertical-align: top;
}
.table_details_td1{
    width: 340px;
    padding: 10px 10px 10px 15px
}
.table_details_td2{
    border-left: 1px solid #339A99;
}
.heading_product{
    margin-bottom: 10px;
    font-size: 18px;
    color: #0000FF;
    font-weight: bold;
}
.product_content{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}
.comment{
    margin-left: 10px;
    float: left;
    width: 710px;
}
.cmt_link{
    text-decoration: none;
}
.cmt_link:hover{
    text-decoration: underline;
}
.cmt_content{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 710px;
    height: 100px;
}
.cmt_total{
    margin-top: 10px;
    padding-bottom: 5px;
}
.comments{
    margin-top: 5px;
    border-top: #DDDDDD 1px solid;
    padding-bottom: 5px;
}
.user_cmt{
    font-weight: bold;
    color: #0082CF;
}
.error{
    color: red;
    height: 30px;
    margin-top: 10px;
}
.msg{
    color: red;
    text-transform: none;
}
.button{
    background: url('../images/button_bg.jpg') repeat-x transparent;
    border: none;
    height: 30px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}
.button:hover{
    text-decoration: underline;
}
.btn_header, .btn2_header{
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    position: relative;
    font-size: 12pt;
    color: #FFFFFF;
    text-decoration: none;
}
.btn_header:hover{
    text-decoration: underline;
    color: #FFFFFF;
}
.filter{
    background-color: #FFFFFF;
    height: 20px;
    float: right;
    position: relative;
    margin-top: 10px;
    margin-right: 20px;
}
.current{
    cursor: default;
    font-weight: bold;
    width: 120px;
    border: aqua 1px solid;
}
.current p{
    float: left;
    padding-left: 5px;
}
.control{
    float: right;
}
.filter ul, .filter ul li ul{
    list-style: none;
    float: left;
}
.filter ul{
    display: block;
}
.filter ul li{
    height: 20px;
    display: block;
}
.filter ul li ul{
    width: 120px;
    display: none;
    background-color: #FFFFFF;
    z-index: 9999;
    border: aqua 1px solid;
}
.filter ul li:hover ul{
    display: block;
}
.filter ul li ul li{
    float: left;
    padding: 5px 5px 5px 5px;
}
.filter ul li ul li a{
    text-decoration: none;
}
.filter ul li ul li a:hover{
    text-decoration: underline;
}
.pagination{
	height: 30px;
	margin-right: 16px;
    margin-top: 10px;
    clear: both;
    float: right;
}
.button_pagi{
    background: url('../images/button_bg2.jpg') repeat-x scroll 0 0 transparent;
    height: 30px;
    border: #BBBBBB 1px solid;
    color: #333333;
    cursor: pointer;
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 5px 10px;
	text-decoration: none;
}
.button_pagi:hover{
    background: #CCCCCC;
	text-decoration: none;
	color: #000000;
}
.button_pagi{
	margin-right: 5px;
}
.button_pagi_current{
    background: #CCCCCC;
	text-decoration: none;
	height: 30px;
    border: #BBBBBB 1px solid;
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 5px 10px;
	color: #000000;
	margin-right: 5px;
}
.button_pagi_current:hover{
	text-decoration: none;
	color: #000000;
}
.cont{
    clear: both;
    float: right;
    margin: 10px 30px 10px 0;
}
.cont a{
    background: url('../images/button_bg2.jpg') repeat-x scroll 0 0 transparent;
    height: 30px;
    border: #BBBBBB 1px solid;
    color: #333333;
    cursor: pointer;
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 4px 10px;
	text-decoration: none;
}
.cont a:hover{
    background: #CCCCCC;
	text-decoration: none;
	color: #000000;
}
.msg_register{
    margin-left: 20px;
    width: 240px;
    height: 20px;
    text-align: center;
}
.news_details{
    padding: 10px 20px 10px 15px;
}
.news_title_details a{
    color: #0000FF;
    font-size: 22px;
    line-height: 30px;
}
.create_date_details{
    font-style: italic;
}
.news_content_details{
    margin-top: 20px;
}
.login_form, .login_with{
    float: left;
}
.login_form{
    width: 260px;
    margin-left: 50px;
    margin-top: 10px;
}
.form1{
    margin-bottom: 10px;
    line-height: 25px;
}
.form1 a{
    float: right;
    font-style: italic;
    text-decoration: none;
}
.login_with{
    position: relative;
    margin-left: 120px;
    margin-top: 20px;
}
.login_with a{
    background: url('../images/button_open.jpg') repeat-x scroll center bottom transparent;
    border: 1px solid #9B9B9B;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px #DDDDDD;
    display: inline-block;
    float: left;
    clear: both;
    height: 30px;
    width: 130px;
    margin-bottom: 15px;
    text-decoration: none;
}
.login_with p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.left{
    border-right: 1px #9B9B9B solid;
    float: left;
    padding: 7px 10px;
}
.icon_facebook{
    background-image: url("../images/facebook_icon.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.icon_google{
    background-image: url("../images/google_icon.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.right{
    color: #333333;
    float: left;
    line-height: 30px;
    margin-left: 8px;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.hot_product{
    padding: 5px 0 5px 15px;
    width: 260px;
    text-transform: none;
}
.hot_title{
    font-weight: bold;
}
.hot_title a{
    text-decoration: none;
}
.hot_image{
    margin-top: 5px;
    float: left;
}
.hot_image img{
    width: 120px;
    height: 80px;
}
.hot_content{
    float: left;
    position: relative;
}
.hot_price{
    float: left;
    margin: 5px;
}
.hot_original{
    font-weight: bold;
    font-size: 10pt;
    color: #BDBDBD;
}
.hot_sales{
    font-size: 11pt;
    font-weight: bold;
}
.hot_percent{
    background: url('../images/discount.png') no-repeat transparent;
    width: 60px;
    height: 60px;
    top: 0;
    left: 80px;
    float: right;
    position: absolute;
}
.hot_percent p{
    padding-top: 20px;
    padding-left: 15px;
    font-size: 11pt;
    font-weight: bold;
    float: left;
    color: #FFFFFF;
}
.mini_per{
    float: left;
    position: relative;
    padding-top: 20px;
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
}
.hot_time{
    margin: 5px;
    clear: both;
    color: red;
    font-size: 14px;
}
.hot_icon{
    margin-left: 5px;
    float: left;
    width: 15px;
    height: 16px;
}
.hot_provider{
    float: left;
    position: relative;
    margin-left: 5px;
    font-size: 14px;
    text-decoration: none;
}
.hot_provider:hover{
    text-decoration: underline;
}
.like_button{
    float: left;
    position: relative;
    margin-left: 10px;
    margin-top: 15px;
}
.search_product{
    margin: 20px;
    margin-top: 10px;
    width: 700px;
}
.records_list{
    background-color: #F5F5F5;
    margin-top: 10px;
    border: 1px solid #999999;
    width: 690px;
    height: 150px;
}
